
/* ==========================================================================
   Color Scheme: Hot Orange - Light
   ========================================================================== */

/*
 * Text selection colors
 */

::-moz-selection {
	background: rgb(255, 252, 181);
}

::selection {
	background: rgb(255, 252, 181);
}

html,
button,
input,
select,
textarea {
	color: rgb(21, 19, 19);
}

body {
	background-color: rgb(235, 219, 209);
	background-image: url();
}

/*
 * Text shadow
 */

h1, h2, h3, h4, h5, h6 {
	text-shadow: 1px 1px 0 rgb(255, 255, 255);
}

.title-font {
	text-shadow: 3px 3px 0 rgb(255, 255, 255);
}

.tagline {
	text-shadow: 2px 2px 0 rgb(255, 255, 255);
}

.about, .blog-description {
	text-shadow: 2px 2px 0 rgb(255, 255, 255);
}

/*
 * Highlight color - top ribbon and links
 */

.top-ribbon {
	background-color: rgb(219, 54, 8);
}

a {
	color:rgb(219, 54, 8);
	border-bottom: dotted 1px rgb(219, 54, 8);
}

/*
 * Text & other Colors
 */

a:hover {
	color: rgb(196, 30, 50);
	border-bottom: dotted 1px rgb(196, 30, 50);
}

.sparator {
	border-bottom: dashed 2px rgb(201, 194, 194);
}

blockquote {
	border-left: solid 1px rgb(226, 221, 219);
}

.sidebar-font {
	color: rgb(221, 218, 217);
}

@media all and (max-width:800px){
	.sidebar-font {
		color: rgb(164, 157, 154);
	}
}

figcaption,
blockquote,
.meta-info-font,
.site-footer-font {
	color: rgb(126, 116, 113);
}

/*
 * Home button
 */

.home a {
	color: rgb(170, 167, 166);
}

.home a:hover {
	color: rgb(20, 19, 19);
}

@media all and (min-width:1031px) {

	.home a {
		color: rgb(20, 19, 19);
	}
}

/*
 * Resets - elements that were altered
 * (usually by being a link) that I want to revert to the original color.
 */

 .entry-title-font a,
 .category,
 .category:hover {
	color: rgb(21, 19, 19);
}
